@charset "UTF-8";
@import "theme";

$image-width:100%;

.imageupload{
	width:$image-width;
	height:$image-width;
	position:relative;
	//
	.delete{
		position:absolute;
		right:-10px;
		top:-10px;
	}
	.pre-image{
		width:$image-width;
		height:$image-width;
		z-index:1;
		img{
			border-radius:4px;
		}
	}
	.add-button{
		z-index:2;
		width:$image-width;
		height:$image-width;
		position:absolute;
		top:0;
		left:0;
		border:1px dashed $grey-light;
		border-radius:4px;
		font-size:0.7rem;
		color:$grey-light;
		cursor:pointer;

		.form-wrap{
			position:absolute;
			left:0;
			top:0;
			width:$image-width;
			height:$image-width;
			z-index:3;

			form{
				//width:100%;
				position:absolute;
				left:0;
				top:0;
				bottom:0;
				opacity:0;
				width:$image-width;
				filter:alpha(opacity=0);
				input{
					position:absolute;
					left:0;//-$image-width;
					top:0;
					cursor:pointer;
					width:$image-width;
					height:$image-width;
				}
			}
		}


	}

}
